.home {
    .home_img {
        width: 100%;
        height: 200px;
    }

    :global(.adm-notice-bar.adm-notice-bar-info) {
        --background-color: #fff;
        --border-color: #fff;
        --text-color: #000;
    }

    .home_grid {
        display: grid;
        padding: 20px 30px;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        justify-items: center;
        align-items: center;
        background-color: #fff;

        img {
            width: 30px;
            height: 30px;
        }

        .home_grid_title:hover {
            color: #64BBFF;
        }
    }

    .announcement {
        padding: 0 15px;
        background-color: #fff;

        .announcement_topleft {
            width: 3px;
            background-color: #64BBFF;
            height: 15px;
            display: inline-block;
        }

        .announcement_topright {
            display: inline-block;
            font-size: 14px;
            margin-left: 10px;
            line-height: 15px;
            height: 15px;
        }
    }

    :global(.adm-list-item-description) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 7rem;
    }
}